본문으로 건너뛰기

한 입 런치박스 - 강동훈

1. 세미나

1. 소개

MOTY : 하룻밤 사이에 뚝딱 만든 토이프로젝트가 더 나은 개발자로 성장하는 여정이 되기까지

02.19 세미나 및 연사 소개 - 하룻밤 사이에 뚝딱 만든 토이프로젝트가 더 나은 개발자로 성장하는 여정이 되기까지

2. 프로젝트

1. Deadline 설정

기한을 짧게 설정해 계획적으로 시간을 사용한다.

2. 기술 스택 선정

  • 개발 계획을 문서화 하고 피그마VsCode로 작업 후 배포했다.

  • 빠른 시간 안에 첫 버전을 배포하는 것이 목표이기 때문에 필요한 의존성만 사용한다.

  • 빠른 개발을 위해 Vite, React, TailWindCss를 사용했다.

  • 영화 정보를 불러오기 위한 API는 TMDB를 채용했다.

여기까지만 보면 학원에서 한 번씩 하는 영화 API 불러오기와 다를 게 없는 프로젝트다. 발표자는 여기에 유저 가입 기능과 검색 기능, 영화 추천 기능을 제작하고 UX를 고도화 했다.

3. 기능

  • 사용자를 입력하고 조건문을 추가해 오류를 출력한다.

  • 쿼리를 통해 API를 불러오고 Intersection을 이용해 무한 스크롤을 구현했다.

  • 모달창 포커싱을 위해 커스텀 훅을 제작해 사용했다.

작성하고 느낀 점

좋았던 점: 같은 튜토리얼 영상을 보더라도 다른 기능을 추가하는 사람도 있다는 것을 보았다.

배운 점: 간단한 애플리케이션을 빠르게 제작하는 방법을 배웠다.

아쉬운 점: 45분 길이의 영상이 뽑혔고 20분 발표 시간 13분 질의 응답 시간으로 구성된다. 발표자가 관리자 역할이 아니다 보니 높은 수준의 응답을 기대하기 어렵다.

향후 계획